﻿
/*
打造網站風格樣式的基礎 <http://msdn.microsoft.com/zh-tw/scriptjunkie/ee832718.aspx>
且只設定在 div 內的 p 標籤的話，可以這樣做：

   1. div p 
   2. {
   3.     font-size: 0.8em;
   4. }

用 jQuery UI 幫按鈕做造型 <http://msdn.microsoft.com/zh-tw/scriptjunkie/ff756526.aspx>
*/

body
{
    font-size:medium;
    font-family:Tahoma,Verdana,Courier New;

}



.complexListBox
{   
    width:260px;
    height:120px;
    float:left;
    padding-left:2px;   
}


.criteria_class
{
    float:left;
}

.buttonOnHead_class
{
    width:800px;
    padding-bottom:10px;
    padding-top:50px;
}

.group_order_class
{
    float:left;
    width:800px;    
}
.group_order_by
{
}

.complexGrid
{
    height:200px;
    width:400px;
    float:left;
    overflow:auto;
  
}


#wrap { 
/*
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	BACKGROUND: #ffff; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px auto; 
	WIDTH: 1024px; 
	PADDING-TOP: 0px; 
	POSITION: relative; 
	z-index:1;
*/	
	position: relative;
    margin: 0 auto;
    padding: 0;    
    text-align: left;
    width: 950px;
}

input.btn
{
    color: #050;
    background-color: #fed;
    border: 1px solid;
    border-color: #696 #363 #363 #696;
    font-family: Tahoma;
    font-size: medium;
    
    -moz-border-radius-bottomleft:4px;
    -moz-border-radius-bottomright:4px;
    -moz-border-radius-topleft:4px;
    -moz-border-radius-topright:4px;
}

.CIB001_Detail
{
    width:95%;
}

.CIB001_Detail legend
{
    background-color:Red;
    color:White;
}

.GV_CIB001_Detail
{
    color: #fff;
    background-color: #666;
    border: 0px;
    border-collapse: collapse;
    border-spacing: 0px;
    width:90%;
}


.GV_CIB001_Detail td
{
    background-color: #CCC;
    color: #000;
    padding: 4px;
    text-align: left;
    border: 1px #fff solid;
    
}


.GV_CIB001_Detail caption
{
  color: #fff;
  background-color:Green;
}




/*左邊留10PX空白*/
.leftSpace10px
{
    float:left;
    width:10px;
}

.tdAlignRigth
{
    text-align:right;
}

.tdAlignCenter
{
    text-align:center;
}


td
{
    font:0.8em verdana,geneva,arial,helvetica,sans-serif;
}

.tableSummary 
{
    border:1px solid #D6DDe6;
    border-collapse:collapse;   
    
}

.tableSummary caption
{
    font:bold 0.9em "Time New Roman",Times,serif;
    background-color:#B0C4DE;
    color:#33517A;
    padding-top:3px;
    padding-bottom:2px;
    border:1px solid #789AC6;
}

.tableSummary td
{
    border:1px solid #D6DDe6;
    padding:4px;
    font-size:12px;
}

.tableSummary th
{
    font-size:14px;
    text-align:center;
}

tr.diff
{ 
    background-color: #99CCCC;
    border: 1px #000000 solid;
    font-weight: bold;
    color: #404040; 
}

td.Border0px
{
    border:0px;
}
tr.Border0px
{
    border-left:0px;
    border-right:0px;    
}

td.forCaption
{
    border:0px;
}


select
{
    width:98%;
    height:60%;
}

fieldset
{
    height:90%;
}

.datePickerDIV
{
    clear:both;
    width:100%;
    
}

/*左邊*/
.datePickerDIV_L
{
    float:left;
    text-align:right;
    width:30%;
}

.datePickerDIV_R
{
    float:left;
    width:70%;
}


#head
{
    width:100%;
    height:100px;
}
#head-left
{
    background-color:Green;
    height:100%;
    float:left;
    width:30%;
}
#head-right
{
    background-color:Red;
    height:100%;
}

/*for autocomplete*/
.autoCompleteID
{
    margin-left:2px;
    width:100px;
}
.autoCompleteName
{
    width:100%;
    background-color:#cccccc;
    border:none;
    margin-top:2px;
}

.autoDisplay
{
    visibility:hidden;
}

/*RadioButton*/
.rdoClass
{
    font-size:12px;
}


/*
給grid 中來使用 水平
*/
.divScrollHorizontal {
            height: 400px;
            width:100%;
            overflow: scroll;
            white-space: nowrap;
        }